@import url(reset.css); 


/*        *{margin: 0px;padding: 0px}
        img{border: none;}
*/


body{
    background-color: #f2f2f2;
}


/*тут я добавив урок  пхп*/
a{
    color: #2B8ABA;
}

a:hover{
    text-decoration: none;
}
/*тут я добавив урок  пхп  кінець*/


/*тут стиль для всього загального блока*/
.main{
    background-color: #ffffff;
    min-width: 980px;
    max-width: 1200px;
    margin: 0px auto 0px auto;
    outline: 0px solid #cc0000;
}

/*тут стиль для header блока ПОЧАТОК*/
.header{
    overflow: hidden;
    outline: 0px solid #00FF40;
}

.head-contact{
    float: right;
    background-color: #f8fafb;
    border-width: 2px;
    border-style: solid;
    border-color: #edf2f6;
    border-radius: 0px 0px 10px 10px;/*новий переметр закруглення рамок*/
    text-align: right;
    margin: 0px 6px 0px 0px;
    padding: 5px 65px 5px 10px;
    background-image: url(../images/phone-img.jpg);
    background-repeat: no-repeat;
    background-position: 247px 10px;
 }

.head-contact p{
    font-size: 12px;
    font-family: Verdana, sans-serif;
    line-height: 1.3;
    margin-bottom: 3px;
}

.head-contact p strong{
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
}

.head-contact p span{
    font-size: 21px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}
 
.logo{
    float: left;
    margin: 8px 0 0 30px;
}

.slogan{
    float: left;
    margin: 30px 0 0 30px;
}

.search-head{
    float: right;
    list-style: none;
    background-image: url(../images/bg-search.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 29px;
    width: 305px;
    margin: 5px 6px 5px 0px;
}

.search-head li{
    float: left;
}

#quickquery{
    border-style: none;
    margin: 6px 23px 3px 10px;
    width: 210px;
    font-size: 12px;
}

.search-btn{
    margin: 7px 0px 0px 10px;
}
/*тут стиль для header блока КІНЕЦЬ*/

/*тут стиль для menu блока ПОЧАТОК*/
.menu{
    background-image: url(../images/menu-bg.png);
    background-repeat: repeat-x;
    background-position: top;
    display: table-row;
    list-style: none;
}

.menu li{
    display: table-cell;
    width: auto;
    text-align: center;
    height: 50px;
    border-left: 1px;border-style: solid;border-color: #2b99d0;
    border-right: 1px;border-style: solid;border-color: #035786;
    background-image: url(../images/menu-bg-light.png);background-position: center top;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.menu li:first-child{
    border-left: none;
}

.menu li:last-child{
    border-left: none;
}

.menu li:hover{
    background-color: #01496f;
    border-left: 1px;border-style: solid;border-color: #01496f;
    border-right: 1px;border-style: solid;border-color: #01496f;
    background-image: url(../images/menu-bg-light.png);background-position: center top;
    background-repeat: no-repeat;
}

.menu li a{
    display: block;
    width: 1000px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    color: #edf2f6;
    font-size: 14px;
    font-family: Verdana,sans-serif;
    text-decoration: none;
}
/*тут стиль для menu блока КІНЕЦЬ*/

/*тут стилі для основного блоку із 3-х колонок резиновий макет ПОЧАТОК*/
#contentwraper{
    float: left;
    width: 100%;
    background-color: #ffffff;
}

#content{
    margin: 0 245px 0 240px;
    
}

#left-bar{
/*    background-color: #03F; синій фон видаляєм він був лише  тимчасовим*/

    float: left;
    width: 240px;
    margin-left: -100%;
}

#right-bar{
    float: left;
    width: 245px;
    margin-left: -245px;
}
/*тут стилі для основного блоку із 3-х колонок резиновий макет КІНЕЦЬ*/

#left-bar-cont{
    background-color: #f7f7f7;
    margin: 6px 6px 0 6px;
}

#left-bar-cont h2{
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    font-family: Verdana, sans-serif;
    
/*тут  фонойий колір  з переходом градієнта від світло голубого до темно голубого*/    
    background: #00a2d4; /* Old browsers */
    background: -moz-linear-gradient(left,  #00a2d4 0%, #04588f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a2d4), color-stop(100%,#04588f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* IE10+ */
    background: linear-gradient(to right,  #00a2d4 0%,#04588f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2d4', endColorstr='#04588f',GradientType=1 ); /* IE6-9 */

    border-radius: 4px 4px 0px 0px;/*новий переметр закруглення рамок*/ 
    padding: 5px 0 5px 10px;
}

.nav-new{
    background-image: url(../images/novinki.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
}

.nav-lider{
    background-image: url(../images/lider.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
}

.nav-sale{
    background-image: url(../images/razprodaga.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: solid;
    border-bottom-color: #a1a1a1;
    border-bottom-width: 1px;
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
}

.nav-new, .nav-lider, .nav-sale{
    padding: 10px 0 10px 55px;
}

.nav-new a, .nav-lider a, .nav-sale a{
    color: #000000;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.nav-new a:hover, .nav-lider a:hover, .nav-sale a:hover{
    color: #000000;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

/*тут має бути стиль глянець для заголовка КАТАЛОГ мені не вдалось то  зробити в  фотошопі
#left-bar-cont h2 span{
    display: block;
    background-image: url(../images/glyanets2.png);
    background-position: top;
    background-repeat: repeat-x;
}
*/

#left-bar-cont h4{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    
/*тут  фонойий колір  з переходом градієнта від світло голубого до темно голубого*/    
    background: #00a2d4; /* Old browsers */
    background: -moz-linear-gradient(left,  #00a2d4 0%, #04588f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a2d4), color-stop(100%,#04588f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* IE10+ */
    background: linear-gradient(to right,  #00a2d4 0%,#04588f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2d4', endColorstr='#04588f',GradientType=1 ); /* IE6-9 */
    padding: 5px 0 5px 50px;
}

/*тут має бути стиль глянець для заголовка МОБІЛЬНІ ТЕЛЕФОНИ мені не вдалось то  зробити в  фотошопі
#left-bar-cont h4 span{
    display: block;
    background-image: url(../images/glyanets2.png);
    background-position: top;
    background-repeat: repeat-x;
}
*/

.nav-catalog{
    padding: 10px 10px 15px 55px;
    list-style: url(../images/krapka.gif);
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    
}

.nav-catalog ul{
    padding: 5px 0px 0px 15px;
    list-style: none;
}

.nav-catalog li{
    margin-bottom: 5px;
}

.nav-catalog ul li{
    margin-bottom: 0px;
}

.nav-catalog a{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.nav-catalog a:hover{
    color: #1b7cb1;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.bar-contact{
    padding: 15px 0px 10px 15px;
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    color: #000000;
   
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.bar-contact h3{
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 20px;
}

.bar-contact p{
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
}

.bar-contact p span{
    font-weight: bold;
    font-size: 18px;
    
}

.news{
    padding: 15px 0px 10px 15px;
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.news h3{
    font-weight: normal;
    font-size: 16px;
}

.news p{
    margin: 15px 0px 0px 0px;
}

.news p span{
    color: #7f7e7e;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    background-color: #e7e7e7;
    padding: 1px 7px;
}

.news a{
    display: block;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin: 5px 0px 0px 0px;
}

.news a:hover{
    text-decoration: none;
}
/* тут стиль для кноппи Архів новин за допомогою сайту http://css3pie.com/ - градиенты, бордеры и размытие для ie
  */
.news-arh{
    border: 1px solid #ffffff;
    padding: 10px 15px;
    text-align: center; width: 105px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 7px;
    -moz-box-shadow: #666 0px 0px 7px;
    box-shadow: #eeeeee 0px 0px 7px;
    background: #eaeaea;
    behavior: url(../pie/PIE.htc);
    margin: 15px 0px 0px 0px !important;
}

.info{
    padding: 15px 0px 10px 15px;
    border-top: solid;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    font-size: 18px;
    font-family: Verdana, sans-serif;
}


.info h3{
    color: #000000;
    font-weight: normal;
    font-size: 18px;
}

.info p{
    margin-top: 5px;
}
.info a{
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin-top: 15px;
}

.info a:hover{
    text-decoration: none;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin-top: 15px;
}
.info:last-child{
    border-bottom: none;
}

.catalog-index{
    overflow: hidden;
    
}

.catalog-index h1{
    text-align: center;
    margin: 15px 0px 20px 0px;
}

.product-index{
    text-align: center;
    width: 50%;
    float: left;
    margin: 0px 0px 20px 0px;
}

.product-index h2{
    color: #2b8aba;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 20px 0px;
}

.product-index a{
    color: #2b8aba;
}

.product-index p{
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 10px 0px;
}

.product-index p span{
    font-weight: normal;
    font-size: 30px;
    font-family: Candara, sans-serif;
}

/*тут стиль для заповнення контентом  ПРАВОЇ колонки*/
.right-bar-cont{
    margin: 6px 6px 0px 0px;
    
}

.right-bar-cont h2{
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    font-family: Verdana, sans-serif;
    
/*тут  фонойий колір  з переходом градієнта від світло голубого до темно голубого*/    
    background: #00a2d4; /* Old browsers */
    background: -moz-linear-gradient(left,  #00a2d4 0%, #04588f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a2d4), color-stop(100%,#04588f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #00a2d4 0%,#04588f 100%); /* IE10+ */
    background: linear-gradient(to right,  #00a2d4 0%,#04588f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2d4', endColorstr='#04588f',GradientType=1 ); /* IE6-9 */

    border-radius: 4px 4px 0px 0px;/*новий переметр закруглення рамок*/ 
    padding: 5px 0 5px 10px; 
}

/* тут стиль вхід авторизація в магазин*/
.enter{
    margin: 0px 0px 10px 0px;
}

.enter div{
    background-color: #f0f0f0;
    padding: 15px;
}

.enter div img{
    display: block;
    margin: 0px auto;
}

.enter div p{
    font-size: 14px;
}







/* тут стиль корзина покупця*/

.basket{
    margin: 0px 0px 10px 0px;
}

.basket div{
    background-color: #f0f0f0;
    padding: 15px 0px;
}

.basket div img{
    display: block;
    margin: 0px auto;
}

.basket div p{
    padding: 0px 0px 20px 20px;
    font-weight: normal;
    font-size: 15px;
    font-family: Verdana, sans-serif;
    line-height: 1.8;
}

.basket div p span{
    color: #2c88b9;
}

/* тут стиль Підбір за параметрами*/
.share-search{
    margin: 0px 0px 10px 0px;
}

.share-search div{
    padding: 10px 10px 20px 10px;
    background-color: #f0f0f0;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif
    
}

.share-search div p{
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 8px 0px;
}

.share-search div select{
    width: 200px;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    padding: 5px 5px 5px 5px;
}

.podbor-prise{
    width: 60px;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #959B9E;
}

.podbor{
    display: block;
    width: 165px;
    margin: 20px auto 0 auto;
}

.clear{
    clear: both;
}

.footer{
    outline: 1px solid #00FF40;
    background-image: url(../images/bg-footer.jpg);
    background-repeat: repeat-x;
    background-color: #006b97;
    overflow: hidden;
    color:rgba(255, 255, 255, 0.7);
    padding-bottom: 10px;    
}

.flogo{
    float: left;
    margin: 26px 0px 0px 20px;
}

.flogo p{
    margin: 10px 0px 0px 5px;

    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    
}
.ffone{
    float: right;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin: 15px 20px 0px 0px;
}

.ffone h2{
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.ffone h1{
    font-weight: normal;
    font-size: 21px;
    font-family: Verdana, sans-serif;
    margin-bottom: 25px;
}

.fmenu{
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    overflow: hidden;
    margin: 15px auto 0px auto;
    width: 370px;
}

.fmenu p{
    text-align: center;
}

.fmenu ul{
    float: left;
    list-style: none;
    margin: 15px 15px 15px 15px;
}

.fmenu ul li{
    margin: 0px 0px 5px 0px;
}
.fmenu ul li a{
    color:rgba(255, 255, 255, 0.7);    
}

.fmenu ul li a:hover{
    text-decoration: none;
    color: #ffffff;    
}
/*  ------------------------------------------------- index-line.html ----------------------------------------*/
/* Каталог лінійний вигляд для index-line  ПОЧАТОК */
/* тут стиль для панелі сортування ПОЧАТОК */
.kroshka{
    color: #555555;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    margin: 15px 0px 30px 15px;
}

.kroshka span{
    color: #2b8aba;
}
.kroshka a{
    color: #555555;
}

.kroshka a:hover{
    color: #555555;
    text-decoration: none;
}

.vid-sort{
    color: #888888;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    background-color: #fafbfb;
    margin: 15px 0px 30px 15px;    
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    padding: 10px 0px 5px 2px;
}

.vid-sort img{
    margin: 0px 5px;
    position: relative;
    top: 3px;
}

.vid-sort a{
    color: #888888;
}

.vid-sort a:hover{
    color: #888888;
    text-decoration: none;
}

a.sort-top{
    background-image: url(../images/sort-top.gif);
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.sort-bot{
    background-image: url(../images/sort-bot.gif);
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.sort-top-act{
    color: #000000;
    background-image: url(../images/sort-top-act.gif);
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.sort-bot-act{
    color: #000000;
    background-image: url(../images/sort-bot-act.gif);
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 12px;
}
/* тут стиль для панелі сортування КІНЕЦЬ */



/* тут стиль для лінійний  вигляд товару ПОЧАТОК */
.product-line{
    overflow: hidden;
    margin: 0px 15px 35px 15px;
}

.product-line-img{
    float: left;
}

.product-line-price{
    float: right;
    padding-top: 3px;
}

.product-line-price p{
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin: 10px 0px 5px 0px;
}

.product-line-price p span{
    color: #000000;
    font-weight: normal;
    font-size: 24px;
    font-family: Candara, sans-serif;
    line-height: 0px;
}

.product-line-price p a{
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.product-line-price p a:hover{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.product-line-price div{
    margin: 5px 0px 0px 0px;
    height: 26px;
}

.ico-mali img{
    margin: 0px 3px 0px 3px;
}

.product-line-opis{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    padding: 0px 130px 0px 60px;
}

.product-line-opis h2 {
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 7px 0px;
    line-height: 0.8;
}

.product-line-opis h2 a{
    color: #2b8aba;
}

.product-line-opis h2 a:hover{
    color: #2b8aba;
    text-decoration: none;
}
/* тут стиль для лінійний  вигляд товару КІНЕЦЬ */



/* тут стиль для посторінкового перегляду ПОЧАТОК */
.pager{
    color: #2b8aba;
    font-weight: normal;
    font-size: 15px;
    font-family: Verdana, sans-serif;
    background-color: #ebf1f4;
        
    border-top: solid;
    border-top-color: #e1e1e1;
    border-top-width: 1px;
    padding: 10px 10px 10px 10px;
    margin: 15px 15px 15px 15px;
}

.pager a{
    color: #888888;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    padding: 0px 3px 0px 3px;
}

.pager a:hover{
    text-decoration: none;
    color: #2b8aba;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    padding: 0px 3px 0px 3px;
}

.pager img{
    position: relative;
    top: 5px;
}
/* тут стиль для посторінкового перегляду КІНЕЦЬ */



/*  ------------------------------------------------- index-table.htm ----------------------------------------*/
/* Каталог табличний вигляд для index-table ПОЧАТОК */

.product-table{
    outline: 0px solid #00FF40;
    float: left;
    width: 33%;
    text-align: center;
    margin: 0px 0px 60px 0px;
}

.product-table h2{
    color: #2b8aba;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 10px 0px;
}

.product-table h2 a{ 
    color: #2b8aba;
}

.product-table h2 a:hover{ 
    color: #2b8aba;
    text-decoration: none;
}

.product-table p{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin-bottom: 10px;
}

.product-table p span{
    font-weight: normal;
    font-size: 24px;
    font-family: Candara, sans-serif;
    margin-bottom: 10px;
}

.cat-table-more{
    margin: 5px 0px 0px 0px!important;
}

.cat-table-more a{
    color: #888888;
}

.cat-table-more a:hover{
    text-decoration: none;
}

.product-table-img-main{
    position: relative;
}

.product-table-img{
   display: table-cell;
   height: 150px;
   position: relative;
   vertical-align: middle;
   width: 1%;
}

.product-table-img div{
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px 20px 0px 0px;
}

.product-table-img div img{
    display: block;
}
/* Каталог табличний вигляд для index-table КІНЕЦЬ */

/*  ------------------------------------------------- index-txt.htm ----------------------------------------*/
/*  тут стилі для тексту index-txt ПОЧАТОК */

.content-txt{
    overflow: hidden;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: Candara, sans-serif;
    margin: 0px 15px 0px 15px;
}

.content-txt h1{
    font-weight: normal;
    font-size: 24px;
    color: #2b8aba;
    margin: 0px 0px 15px 0px;
}

.content-txt h2{
    font-weight: normal;
    font-size: 20px;
    color: #000000;
    margin: 20px 0px 15px 0px;
}

.content-txt h3{
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    margin: 20px 0px 15px 0px;
}

.content-txt h4{
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    margin: 20px 0px 15px 0px;
}

.content-txt h5{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    margin: 20px 0px 15px 0px;
}

.content-txt h6{
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    margin: 20px 0px 15px 0px;
}

.content-txt p{
    margin: 0px 0px 10px 0px;
}

.content-txt a{
    color: #2b8aba;
}

.content-txt a:hover{
    text-decoration: none;
}

.content-txt ul{
    list-style: disc;
    margin: 20px 0px 15px 30px;
}

.content-txt ul li{
    line-height: 1.7;
}
/*  тут стилі для тексту index-txt КІНЕЦЬ */

/*  ------------------------------------------------- index-detail.htm ----------------------------------------*/
/*  тут стилі для детального перегляду товару index-detail.htm ПОЧАТОК */

.catalog-detail{
    overflow: hidden;
    font-weight: normal;
    font-size: 12px;
    font-family: Candara, sans-serif;
    color: #000000;
    margin: 0px 15px 0px 15px;
}

.catalog-detail h1{
    font-weight: normal;
    font-size: 24px;
    color: #2b8aba;
    margin: 0px 0px 15px 0px;
}

/*		Galery	тут стильдля галереї ПОЧАТОК	*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:200px; margin:0; display:none; overflow:hidden; float:left;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:200px; height:300px; padding:2px; border:2px solid #fff;}
#information {position:absolute; bottom:0; width:200px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:0; font-size:0;}
#information p {padding:0}
#image {width:200px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:50px; background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background:url(../images/scroll-lefth.gif) center center no-repeat;}
#slideright {float:right; width:20px; height:50px; background:url(../images/scroll-right.gif) center center no-repeat;}
#slideright:hover  {background:url(../images/scroll-righth.gif) center center no-repeat;}
#slidearea {float:left; position:relative; width:150px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
/*		Galery	тут стильдля галереї КЫНЕЦЬ	*/					

.icon-detail{
    margin: 0px 0px 10px 210px;
}

.short-opais{
    margin: 0px 0px 40px 210px;
    font-family: Verdana, sans-serif;    
}

.short-opais h3{
    font-weight: normal;
    font-size: 18px;
}

.short-opais p{
    font-weight: normal;
    font-size: 14px;
    margin: 0px 0px 20px 0px;
}

.price-detail{
    font-weight: normal;
    font-size: 18px!important;    
}

.price-detail span{
    font-weight: normal;
    font-size: 30px;
    font-family: Candara, sans-serif;
}

.long-opais{
    font-family: Verdana, Gevena,sans-serif;
    
}

.long-opais h3{
    font-weight: normal;
    font-size: 18px;
}

.long-opais p{
    font-weight: normal;
    font-size: 12px;
    margin: 0px 0px 20px 0px;
}

.tech-harak{
    margin: 10px 0px 0px 0px;
    font-family: Verdana, Gevena,sans-serif;
}

.tech-harak h3{
    font-weight: normal;
    font-size: 24px;
    margin: 0px 0px 20px 0px;
}

.tech-harak h4{
    font-weight: normal;
    font-size: 12px;
    line-height: 2;
}

.tech-harak ul{
    margin: 0px 0px 20px 0px;
}

.tech-harak ul li{
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
}


/*  ------------------------------------------------- index-zakaz.htm ----------------------------------------*/
/*  тут стилі для замовлення товару index-zakaz.htm ПОЧАТОК */

#conrent-zakaz{
    outline: 0px solid #cc0000;
    width: 98%;
    margin: 0 auto;
}

#conrent-zakaz h2{
    color: #000000;
    font-weight: normal;
    font-size: 24px;
    font-family: Verdana, sans-serif;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

.zakaz-main-table{
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.zakaz-main-table td{
    padding: 10px;
    outline: 0px solid #cccccc;
}

.z_top{
    background-color: #fafbfb;
    border-bottom: solid;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.z_bot{
    background-color: #fafbfb;
    border-top: solid;
    border-top-color: #e1e1e1;
    border-top-width: 1px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.z_name img{
    float: left;
    margin: 0px 10px 0px 0px;
}

.z_name a{
    color: #2b8aba;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.z_name a:hover{
    text-decoration: none;
}

.z_kol, .z_price, .z_del{
    text-align: center;
}

.z_kol{
    width: 75px;
}

.z_price{
    width: 80px;
    font-weight: normal;
    font-size: 24px;
    font-family: Candara, sans-serif;
}

.z_del{
    width: 65px;
}
.kolvo{
    width: 48px;
    height: 22px;
    color: #000000;
    background-color: #fafafa;
    font-weight: normal;
    font-size: 16px;
    font-family: Verdana, sans-serif;
    border-top: solid;
    border-top-color: #b5b5b5;
    border-top-width: 1px;
    text-align: center;
}

.sposob-dostavki {
    margin: 0px 0px 30px 0px;
}

.sposob-dostavki p{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin-top: 7px;
}

#conrent-zakaz h4{
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

#conrent-zakaz h3{
    font-weight: normal;
    font-size: 18px;
    font-family: Verdana, sans-serif;

}

.zakaz-data{
    width: 100%;
    background-color: #fafafa;
    margin: 10px 0px 40px 0px;
}

.zakaz-data td{
    vertical-align: middle;
    padding: 10px 10px 0px 10px;
}

.zakaz-txt{
    color: #555555;
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

.zakaz-prim{
    color: #c0c0c0;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    font-style: italic;
}

.zakaz-input input{
    width: 330px;
    height: 28px;
    border: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.zakaz-txtarea textarea{
    width: 330px;
    height: 100px;
    border: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.zakaz-txtarea{
    padding: 10px 10px 20px 10px !important;
}

/* тут  стилі з  уроку  по  пхп*/

/* авторизація  реєстрація*/
.error{
    margin-top: 5px;
    border: 1px solid #765858;
    background: #ffeded !important;
    color: #7f5354 !important;
    padding:  3px;
}

.success{
    margin-top: 5px;
    border: 1px solid #abc092;
    background: #f0faf1 !important;
    color: #58715e !important;
    padding:  3px;
}

.error ul{
    list-style: disc outside none;
    margin: 20px 0 15px 30px;
}

/* авторизація  реєстрація*/

/* посторінкова навігація */
.pagination{
    text-align: center;
    margin: 10px;
}

a.nav_active{
    border: 1px solid #cccccc;
    background-color: #0196e3;
    color: #fff;
    padding:  5px 7px;
    margin: 0 5px;
}

a.nav_link{
    border: 1px solid #ccc;
    padding:  5px 7px;
    text-decoration: none;
    margin: 0 5px;
    color: #777;
}

a.nav_link:hover{
    background-color: #0196e3;
    color: #fff;
    
}

/* посторінкова навігація */



